function format(value) {
  // 解决IE不能兼容yyyy-MM-dd，替换成yyyy/MM/dd
  return value ? new Date(value.replace(/-/g, "/")).Format("yyyy-MM-dd") : "--";
}

export function GGCoulmns() {
  const vm = this;
  const COLUMN_WIDTH = window.RPConfig.COLUMN_WIDTH
  return [
    {
      type: "selection",
      width: 50,
      align: "left"
    },
    // 用户组编码
    {
      title: `${vm.$t("module.general.groupCode")}`,
      key: "groupCode",
      sortable: true
    },
    // 用户组名称
    {
      title: `${vm.$t("module.general.groupName")}`,
      key: "groupName",
      sortable: true
    },
    {
      title: `${vm.$t("module.general.startDate")}`,
      // key: "startDate"
      align: "center",
      minWidth: COLUMN_WIDTH.COLUMN_WIDTH_YYYYMMDD,
      maxWidth: COLUMN_WIDTH.COLUMN_WIDTH_YYYYMMDD + COLUMN_WIDTH.MAX_WIDTH_MORE,
      render(h, p) {
        return h("span", format(p.row.startDate));
      }
    },
    // 结束时间
    {
      title: `${vm.$t("module.general.endDate")}`,
      // key: "endDate"
      align: "center",
      minWidth: COLUMN_WIDTH.COLUMN_WIDTH_YYYYMMDD,
      maxWidth: COLUMN_WIDTH.COLUMN_WIDTH_YYYYMMDD + COLUMN_WIDTH.MAX_WIDTH_MORE,
      render(h, p) {
        return h("span", format(p.row.endDate));
      }
    },
    // 描述
    {
      title: `${vm.$t("module.general.remark")}`,
      // key: "endDate"
      key: "description"
    },
    {
      title: `${vm.$t("module.general.status")}`,
      minWidth: 80,
      maxWidth: 80 + window.RPConfig.COLUMN_WIDTH.MAX_WIDTH_MORE,
      align: "center",
      render: (h, p) => {
        return h(
          "StatusButton",
          {
            // 修改StatusButton内容居中
            style: {
              "justify-content": "center"
            },
            props: {
              status: p.row.enabled == 1 ? "0" : "1"
            }
          },
          p.row.enabled == 1 ? vm.$t("common.enable") : vm.$t("common.disable")
        );
      }
    },
    {
      title: vm.$t("common.operating"),
      align: "left",
      fixed: "right",
      width: 100,
      render: (h, { row }) => {
        return h("RowTools", {
          props: {
            data: [
              {
                type: "icon",
                icon: "md-create",
                text: vm.$t("common.edit"),
                handle: () => vm.editUserGroup(row)
              },
              {
                type: "icon",
                icon: "md-people",
                text: vm.$t("module.general.userMgr"),
                handle: () => vm.userManageHandler(row)
              },
              {
                type: "icon",
                icon: "ios-trash",
                text: vm.$t("common.delete"),
                hidden: row.enabled == 1 ? true : false,
                handle: () => vm.singleDelete(row.id)
              }
            ]
          }
        });
      }
    }
  ];
}

export function GroupPersonLeft() {
  const vm = this;
  return [
    {
      type: "selection",
      width: 50,
      align: "left",
      // sortable: "custom",
      render: (h, params) => {
        return h();
      }
    },
    //用户账号
    {
      title: `${vm.$t("module.general.members.userAccount")}`,
      key: "userAccount"
    },
    // 用户名名称
    {
      title: `${vm.$t("module.general.members.userName")}`,
      key: "userName"
    },
    //所属组织
    {
      title: `${vm.$t("module.general.members.org")}`,
      key: "orgPath",
      render: (h, params) => {
        if (params.row._hasOrgInfo) {
          return h(
            "div",
            {
              attrs: {
                class: "ivu-table-cell ivu-table-cell-ellipsis",
                title: params.row.orgNameFullPath
              }
            },
            params.row.orgName
          );
        } else {
          return h("Spin", [
            h("Icon", {
              props: {
                type: "ios-loading",
                size: 18
              },
              class: "spin-icon-load"
            })
          ]);
        }
      }
    },
    // 电话号码
    {
      title: `${vm.$t("module.general.members.mobile")}`,
      key: "mobile"
    },
    // 电子邮箱
    {
      title: `${vm.$t("module.general.members.email")}`,
      // key: "startDate"
      key: "email"
    }
  ];
}

export function GroupPersonRight() {
  const vm = this;
  return [
    {
      type: "selection",
      width: 50,
      align: "left",
      // sortable: "custom",
      render: (h, params) => {
        return h();
      }
    },
    //用户账号
    {
      title: `${vm.$t("module.general.members.userAccount")}`,
      key: "userAccount"
    },
    // 用户名名称
    {
      title: `${vm.$t("module.general.members.userName")}`,
      key: "userName"
    },
    //所属组织
    {
      title: `${vm.$t("module.general.members.org")}`,
      key: "orgPath",
      render: (h, params) => {
        if (params.row._hasOrgInfo) {
          return h(
            "div",
            {
              attrs: {
                class: "ivu-table-cell ivu-table-cell-ellipsis",
                title: params.row.orgNameFullPath
              }
            },
            params.row.orgName
          );
        } else {
          return h("Spin", [
            h("Icon", {
              props: {
                type: "ios-loading",
                size: 18
              },
              class: "spin-icon-load"
            })
          ]);
        }
      }
    },
    // 电话号码
    {
      title: `${vm.$t("module.general.members.mobile")}`,
      key: "mobile"
    },
    // 电子邮箱
    {
      title: `${vm.$t("module.general.members.email")}`,
      // key: "startDate"
      key: "email"
    },
    {
      title: vm.$t("common.operating"),
      align: "left",
      fixed: "right",
      width: 70,
      render: (h, { row }) => {
        return h("RowTools", {
          props: {
            data: [
              {
                type: "icon",
                icon: "ios-trash",
                text: vm.$t("common.delete"),
                handle: () => vm.singleDelete(row.id)
              }
            ]
          }
        });
      }
    }
  ];
}

// export function groupPersonListColumns() {
//   const vm = this;
//   return [
//     {
//       title: vm.$t("module.general.employeeName"),
//       key: "employeeName"
//     },
//     {
//       title: vm.$t("module.general.deptName"),
//       key: "deptName"
//     },
//     {
//       title: vm.$t("module.general.createUserName"),
//       key: "createUserName"
//     },
//     // 开始时间
//     {
//       title: `${vm.$t("module.general.startDate")}`,
//       render(h, p) {
//         return h("span", format(p.row.startDate));
//       }
//     },
//     // 结束时间
//     {
//       title: `${vm.$t("module.general.endDate")}`,
//       render(h, p) {
//         return h("span", format(p.row.endDate));
//       }
//     },
//     {
//       title: `${vm.$t("module.general.status")}`,
//       width: 110,
//       align: "left",
//       render: (h, p) => {
//         return h(
//           "StatusButton",
//           {
//             props: {
//               status: !p.row.enabled
//             }
//           },
//           p.row.enabled == 1 ? vm.$t("common.enable") : vm.$t("common.disable")
//         );
//       }
//     },
//     {
//       title: vm.$t("common.operating"),
//       align: "left",
//       fixed: "right",
//       width: 80,
//       render: (h, { row }) => {
//         return h("RowTools", {
//           props: {
//             data: [
//               {
//                 type: "icon",
//                 icon: "md-trash",
//                 text: vm.$t("common.delete"),
//                 handle: () => vm.deleteHandler(row.id)
//               },
//               {
//                 type: "icon",
//                 icon: "md-create",
//                 text: vm.$t("common.edit"),
//                 handle: () => vm.editHandler(row)
//               }
//             ]
//           }
//         });
//       }
//     }
//   ];
// }
